<template>
  <div id="manage">
    <router-view />
  </div>
</template>
<script>
export default {
  data() {
    return {
      routePaths: [],
    };
  },
  computed: {
    routes() {
      return this.$router.options.routes;
    },
  },
  created() {
    this.pathTable(this.routes);
  },
  methods: {
    //取出所有的路由路径存放在routePaths中
    pathTable(routes) {
      routes.forEach((item) => {
        if (!item.children) {
          this.routePaths.push(item.path);
        } else {
          return this.pathTable(item.children);
        }
      });
    },
  },
  /**
   *   这一块也可以不必对直接在路由表中匹配所有的路径；
       但是要写在路由表中的最后位置，当前面所有的路由都没有匹配到的话就让其跳转到404页面
  */

  watch: {
    $route(v) {
      if (v.path == "/dashbord") {
         this.$store.commit("brand/clear_brandRoute");
      }
    },
    // "$route.path"(v) {
    //   //  比对所有的路由路径,如果不存在直接跳转404
    //   let index = this.routePaths.findIndex((item) => item == v);
    //   if (index == -1) {
    //     this.$router.push({
    //       path: "/404",
    //     });
    //   }
    // },
  },
};
</script>

<style lang="scss">
</style>
